/* 订单详情CSS */

/* 订单已完成 */
.finish{
  width: 100%;
  height: 1.96rem;
  background-image: url(../images/orderdetail_bg.jpg);
  background-size: 100%;
  position: relative;
}
.finish .toptit{
  font-size: .36rem;
  font-family: '宋体';
  color: white;
  font-weight: bold;
  letter-spacing: .05rem;
  padding-top: .66rem;
  margin-left: .75rem;
}
.finish .content{
  width: 90%;
  position: absolute;
  top: 72%;
  left: 50%;
  transform: translateX(-50%);
}

/* 收件信息 */
.content .address{
  width: 100%;
  height: 1.32rem;
  background-color: white;
  border-radius: .1rem;
  margin-bottom: .2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content .address img{
  display: block;
  width: .21rem;
  height: .28rem;
  margin-right: .32rem;
}
.content .address .right{
  width: 4.8rem;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}
.address .right p{
  font-size: .27rem;
  color: #292929;
}
.address .right p span{
  float: right;
  margin-bottom: .2rem;
}

/* 订单详情 */
.content .detail{
  width: 100%;
  height: 5.54rem;
  background-color: white;
  border-radius: .1rem;
  margin-bottom: .2rem;
}
.detail .top{
  width: 92%;
  height: 65.6%;
  margin: 0 auto;
  border-bottom: 1px solid #cdcdcd;
}
.top .shopname{
  font-size: .26rem;
  font-family: '宋体';
  font-weight: bold;
  padding: .3rem 0;
}
.top ul{
  width: 100%;
}
.top ul li{
  width: 100%;
  height: 1.14rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: .2rem;
}
.top ul li img{
  width: 1.14rem;
  height: 100%;
}
.top ul li .text{
  width: 4.8rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.top ul li .text p{
  font-size: .25rem;
  color: #292929;
}
.top ul li .text p span{
  float: right;
  color: #ff5f11;
}


.detail .bot{
  width: 92%;
  height: 34.4%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding-top: .2rem;
}
.detail .bot p{
  font-size: .25rem;
  font-weight: bold;
  color: #292929;
}
.detail .bot p span{
  float: right;
  font-weight: normal;
  color: #ff5f11;
}
.detail .bot .total{
  font-size: .29rem;
  color: #ff5f11;
  font-weight: normal;
  margin-bottom: .42rem;
  align-self: flex-end;
}

/* 订单信息 */
.content .message{
  width: 100%;
  height: 1.92rem;
  background-color: white;
  border-radius: .1rem;
  margin-bottom: 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.content .message p{
  font-size: .26rem;
  color: #262626;
  font-weight: bold;
  margin-left: .26rem;
  margin-bottom: .1rem;
}
.content .message .tit{
  font-weight: normal;
  margin-bottom: .3rem;
}
.content .message p span{
  margin-left: 1rem;
}




/* 底部 */
.nav{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.nav a{
  display: block;
  width: 2.07rem;
  height: .7rem;
  font-size: .3rem;
  font-family: '宋体';
  background-color: #ff5f11;
  color: #fff;
  border-radius: .35rem;
  text-align: center;
  line-height: .7rem;
  margin-right: .36rem;
}